$bg: #0164a4;
.el-popconfirm__main {
  margin: 14px 0;
}

.ellip{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
}
.bg{
  background: $bg;
}
.bg-liner{
  background: -webkit-linear-gradient(top, #58A4D7 0%, #125E97 100%);
}
.content{
  // width: 1200px;
  margin: 0 auto;
  height: 100%;
}
.item-content{
  width: 1200px;
  margin: 0 auto;
  height: 100%;
}
.hover-pontiner{
  cursor: pointer;
}
.h {
  &1 {
    font-size: 20px !important;
  }

  &2 {
    font-size: 18px !important;
  }

  &3 {
    font-size: 16px !important;
  }

  &4 {
    font-size: 14px !important;
  }

  &5 {
    font-size: 13px !important;
  }

  &6 {
    font-size: 12px !important;
  }
}

@function spaceing($n) {
  @return 4px * $n !important;
}

@mixin rtl ($pro: margin) {
  @for $i from 0 through 12 {
    &t-#{$i} {
      #{$pro}-top: spaceing($i);
    }

    &r-#{$i} {
      #{$pro}-right: spaceing($i);
    }

    &b-#{$i} {
      #{$pro}-bottom: spaceing($i);
    }

    &l-#{$i} {
      #{$pro}-left: spaceing($i);
    }

    &x-#{$i} {
      #{$pro}-left: spaceing($i);
      #{$pro}-right: spaceing($i);
    }

    &y-#{$i} {
      #{$pro}-top: spaceing($i);
      #{$pro}-bottom: spaceing($i);
    }

    &a-#{$i} {
      #{$pro}: spaceing($i);
    }
  }
}

// 将 margin 或者 padding 应用于一个元素，范围在 0 到 12 之间。
// 每个尺寸增量都设计成与常用 Material Design 间距对齐。
// 这些类可以使用 {property}{direction}-{size} 这个格式来应用。

.m {
  @include rtl(margin);

  &l-auto {
    margin-left: auto;
  }

  &x-auto {
    margin-left: auto;
    margin-right: auto;
  }

  &a-auto {
    margin: auto;
  }
}

.p {
  @include rtl(padding);
}

.fill-width {
  width: 100% !important;
}

.fill-height {
  height: 100% !important;
}